<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>添加任务</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <style type="text/css">
        * {
            box-sizing: border-box;
        }
        html {
            box-sizing: border-box;
            height: 100%;
            margin: 0px;
        }
        body {
            box-sizing: border-box;
            height: 100%;
            margin: 0px;
        }
        input[type="text"] {
            padding: 2px 5px;
        }
        textarea {
            box-sizing: border-box;
            resize: none;
        }
        header {
            background-color:black;
            color:white;
            text-align:center;
            padding:5px;	 
            height: 6%;
        }
        nav {
            line-height:30px;
            background-color:#eeeeee;
            height: 90%;
            width:100px;
            float:left;
            padding:5px;	      
        }
        section {
            width:auto;
            float:left;
            padding:10px;	 	 
        }
        footer {
            background-color:black;
            color:white;
            clear:both;
            text-align:center;
            padding:5px;	 	 
            height: 4%;
        }

        .hiddenSection {
            display: none;
        }
        .descDiv {
            -moz-column-span: 2;
            -webkit-column-span: 2;
            column-span: 2;
        }

        .layoutDiv {
            padding: 1px;
        }
        .input {
            padding: 2px 5px;
        }
    </style>
</head>
<body>
    <header>
        添加任务
    </header>
    <nav>
        任务列表<br/>
        添加时间<br/>
        表示呵呵<br/>
    </nav>
    <section class="addTask">
        <form action="/task/test" method="POST">
            <div class="layoutDiv"><input type="TEXT" clas="input" placeholder="任务名@类型" style="width: 400px"/> <input clas="input" type="TEXT" placeholder="标签" style="width: 150px"/></div>
            <div class="layoutDiv"><textarea placeholder="描述" class="descText input" style="width: 100%; height: 50px;"/></div>
            <div class="layoutDiv" style="text-align: right;"><input type="button" value="清空" style="width: 80px;"/>&nbsp;<input type="button" value="取消" style="width: 80px;"/>&nbsp;<input type="button" value="保存" style="width: 80px;"/></div>
        </form>
    </section>
    <footer>
        本产品的所有解释权归闫冬所有。
    </footer>
</body>
</html>
